import store from '@/store'
import { Auth } from '@/store/reducer/user'
import { Toast } from 'antd-mobile'
import axios from 'axios'
import history from './history'
import { getTokenInfo, removeTokenInfo, setTokenInfo } from './storage'

// 请求基地址
export const baseURL = 'http://geek.itheima.net'

const http = axios.create({
  baseURL: baseURL,
  timeout: 5000,
})

// 请求拦截器
http.interceptors.request.use(
  function (config: any) {
    // 获取缓存中的Token
    const { token } = getTokenInfo()

    if (token) {
      // 设置请求头的 Authorization 字段
      config.headers.Authorization = `Bearer ${token}`
    }

    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器
http.interceptors.response.use(
  function (response) {
    return response.data
  },
  async function (error) {
    console.dir(error)
    // 错误情况1: 网络错误 response 为 undefined
    if (!error.response) {
      Toast.show({ content: '网络开小差, 请换个环境试试' })
    } else if (error.response.status !== 401) {
      // 错误情况2: 有网络, 但是进行了错误操作(如一分钟内重复操作, 验证码错误等...)
      // 非用户认证的错误提示
      // 400 验证码错误  429 请求资源可能起冲突
      Toast.show({ content: error.response.data.message })
    } else {
      // 错误情况3: 用户认证错误处理
      console.log('用户认证错误处理')
      const { refresh_token } = getTokenInfo()

      if (refresh_token) {
        try {
          const res = await axios({
            url: baseURL + `/v1_0/authorizations`,
            method: 'PUT',
            headers: {
              'Content-Type': 'application/x-www-form-urlencoded',
              Authorization: 'Bearer ' + refresh_token,
            },
          })
          // 根据 refresh_token 获取新 token
          const newToken = res.data.data.token
          const auth: Auth = { token: newToken, refresh_token: refresh_token }
          // 保存新 token 到本地
          setTokenInfo(auth)
          // 保存新 token 到 Rudex
          store.dispatch({ type: 'user/saveToken', payload: auth })
          // debugger
          // 获取错误的请求 config
          // console.log(error.config)
          // 根据原本的信息, 发送一次新的请求
          return http(error.config)
        } catch (error) {
          // 捕获错误信息
          console.dir(error)
          // 提示用户
          Toast.show({ content: '登录信息已过期,请重新登录' })
          // 清空本地
          removeTokenInfo()
          // 清除Rudex
          store.dispatch({ type: 'user/clearToken' })
          // 跳转页面
          history.push('/login', { from: history.location.pathname })
        }
      }
    }

    return Promise.reject(error)
  }
)

export default http
